@charset "UTF-8";

html {
	background-color: transparent;
	background-image: none;
}

body {
	display: block;
	padding: 0;
	color: #333333;
	height: 960px;
	background: url('./back.svg') no-repeat;
	background-color: white;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Takao Pゴシック', 'TakaoPGothic', 'VL ゴシック', 'VL Gothic', 'IPA Pゴシック', 'IPAPGothic', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	display: block;
	margin: 8px;
}

h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
	padding-left: 10px;
	padding-bottom: 8px;
	text-align: left;
	width: 720px;
}

h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: .83em 0;
	text-align: left;
	width: 290px;
	height: 36px;
	padding-top: 4px;
	padding-left: 10px;
	margin-left: 3px;
	background: #80afc4;
	background: url('./h2.svg') no-repeat;
}

h3 {
	display: block;
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
	width: 290px;	
	height: 24px;
	background: #008888;
	background: url('./h3.svg') no-repeat;
}

svg {
	margin-top: -4px;
	margin-left: -12px;
	width: 360px;
	height: 40px;
	font-weight: bold;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Takao Pゴシック', 'TakaoPGothic', 'VL ゴシック', 'VL Gothic', 'IPA Pゴシック', 'IPAPGothic', sans-serif;
}

img {
	border: 0;
	vertical-align: bottom;
}

div {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 40em;
	border-width: 1px;
	border-style:solid;
	text-align: left; 
	background-color: #ddd;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	padding: 1px;
}

thead {
	display: table-header-group;
	vertical-align: middle;
	padding: 1px;
}

tfoot {
	display: table-footer-group;
	vertical-align: middle;
	padding: 1px;
}

tr {
	display: table-row;
	border-width: 1px;
	border-style:solid;
	vertical-align: middle;
}

td {
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit; 
	border-width: 1px;
	border-style:solid;
}

th {
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	border-width: 1px;
	border-style:solid;
	border-color: #222222;
	text-align: left;
}

caption {
	text-align: left;
}

ul {
	margin-left: 0em;
	padding-left: 0.5em;
	width: 20em;
	height: 9.2em;
	border-color:#cccccc;
	border-style:solid;
	border-top: none;
	border-left: none;
	border-radius: 5px;
	text-align: left;
	list-style: none;
}

p {
	display: block;
	margin: 1em 0;
}

a:link {
	color: #1078e8;
}

a:hover {
	color: #75b2ff;
}

a:visited {
	color: green;
}

a:active {
	color: yellow;
}

.clearfix {
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.analizer {
	width: 10em;
	float: left;
	position:absolute;
	top: 0em; 
	left: 1000em;
}

div.title {
	width: 51em;
	position:absolute;
	top: 2em; 
	left: 2em;
}

div.navi {
	width: 10em;
	position:absolute;
	top: 1em; 
	left: 52.5em;
}

div.download {
	width: 40em;
	position:absolute;
	top: 7em; 
	left: 23em;
}

div.information {
	width: 16em;
	height: 44em;
	position:absolute;
	top: 7em; 
	left: 1em;
}

div.buildinfo {
	width: 16em;
	position:absolute;
	top: 48.5em; 
	left: 1em;
}

h2.env {
	width: 14.5em;
	position:absolute;
	top: 0em; 
	margin-top: 1.25em;
}

div.patches {
	width: 16em;
	position:absolute;
	top: 4em; 
	left: 0.3em;
}

div.compiler {
	width: 40em;
	position:absolute;
	top: 4em; 
	left: 22em;
	padding-bottom: 2em;
}

div.w3c {
	width: 24em;
	position:absolute;
	top: 59em; 
	left: 2em;
}

div.description {
	width: 20em;
	height: 15em;
	text-align: left;
	border-color: gray rgb(204, 204, 204) rgb(204, 204, 204) gray; 
	border-style: none solid solid none; 
	border-top: medium none; 
	border-left: medium none; 
	border-radius: 5px 5px 5px 5px;
	padding-left: 8px;
	padding-bottom: 0.5em;
}

div.history {
	width: 20em;
	height: 1em;
	text-align: left;
	border-color: gray rgb(204, 204, 204) rgb(204, 204, 204) gray; 
	border-style: none solid solid none; 
	border-top: medium none; 
	border-left: medium none; 
	border-radius: 5px 5px 5px 5px;
	padding-left: 8px;
	padding-bottom: 0.5em;
}

div.repository {
	width: 18.8em;
	height: 1em;
	text-align: left;
	border-color: gray rgb(204, 204, 204) rgb(204, 204, 204) gray; 
	border-style: none solid solid none; 
	border-top: medium none; 
	border-left: medium none; 
	border-radius: 5px 5px 5px 5px;
	padding-left: 8px;
	padding-bottom: 0.5em;
}

p.right {
	text-align: right;
}

p.smallinfo {
	width: 6em;
	text-align: center;
	border-color:#cccccc;
	border-style:solid;
	border-top: none;
	border-left: none;
	border-radius: 20px;
}

p.description {
	text-align: left;
	border-color: gray rgb(204, 204, 204) rgb(204, 204, 204) gray; 
	border-style: none solid solid none; 
	border-top: medium none; 
	border-left: medium none; 
	border-radius: 5px 5px 5px 5px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 20em;
}

td.firefox {
	background: url('./tdfirefox.svg');
	width: 15em;
}

td.thunderbird {
	background: url('./tdthunderbird.svg');
	width: 15em;
}

td.seamonkey {
	background: url('./tdseamonkey.svg');
	width: 15em;
}

td.bluegriffon {
	background: url('./tdbluegriffon.svg');
	width: 15em;
}

td.xulrunner {
	background: url('./tdxulrunner.svg');
	width: 15em;
}

table.addon {
	width: 45em;
}

th.name {
	width: 15em;
}

th.description {
	width: 20em;
}

ul.tabs {
	width: 29em;
	height: 2.8em;
}

.ui-tabs {
	width: 48em;
	height: 36.5em;
	background: transparent !important;
}

div#tabs {
	border-style: none;
}

div#tabs-1 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

div#tabs-2 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

div#tabs-3 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

div#tabs-4 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

div#tabs-5 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

div#tabs-6 {
	margin-left: -1.4em;
	margin-top: -0.8em;
}

